.iconSelect {
  position: relative;

  .iconMask {
    display: none;
    position: absolute;
    background: RGBA(255, 255, 255, 1);
    border-radius: 0 0 5px 5px;
    width: 100%;
    max-height: 200px;
    border: 1px solid rgba(238, 238, 238, 1);
    border-top: 0px solid rgba(238, 238, 238, 1) !important;
    overflow: auto;
    left: 0;
    top: 35px;
    z-index: 9;
    padding-bottom: 10px;

    .iconItem {
      cursor: pointer;
      width: 25px;
      height: 25px;

      &:hover {
        background: rgba(246, 246, 246, 1);
      }
    }

    .iconItemChecked {
      cursor: pointer;
      width: 25px;
      height: 25px;
      background: RGBA(102, 102, 102, 0.3);
    }
  }

  .iconMaskShow {
    display: flex;
  }
}
